<style scoped>
.bmrwBox {
  width: 100%;
  height: 100%;
  padding-left: 1.3vh;
}
.listTk_items {
  margin-bottom: 0.8vh;
}
.title_box {
  margin-right: 2vh;
  color: #333333;
}
.state {
  color: #888888;
}
.nums {
  color: #2690f3;
  padding-left: 0.8vh;
  padding-right: 0.8vh;
}
.unit {
  color: #888888;
}
.num_box {
}
</style>
<template>
  <div class="bmrwBox">
    <div class="listTk_items" v-for="(item,i) in data" :key="i">
      <span class="title_box">{{i+1}}.{{item.title}}</span><span class="num_box"
        ><i class="state">{{item.state}}</i><i class="nums">{{item.value}}</i><i class="unit">{{item.unit}}</i></span>
    </div>
  </div>
</template>
<script>
export default {
  name: "bmrwTk",
  props: {
    data: Array,
  },
};
</script>